<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  content.style.height = '100px';
  content.style.backgroundColor = 'green';
}
onload = function() {
  runAfterLayoutAndPaint(function() {
    container.style.height = '400px';
    runRepaintAndPixelTest();
  });
};
</script>
Tests paint invalidation of previous location of an element which was clipped to be invisible initially, becme visible because of clip change, then changed color and size. Passes if there is a green square.
<div id="container" style="position: absolute; top: 100px; width: 100px; height: 10px; overflow: hidden">
  <div style="height: 20px"></div>
  <!-- These two levels of divs are to isolate layout when container resizes. -->
  <div style="width: 100px; height: 300px; overflow: hidden">
    <div style="width: 100px; height: 300px; overflow: hidden">
      <div id="content" style="width: 100px; height: 300px; background-color: red"></div>
    </div>
  </div>
</div>
